<template>
	<view class="page_box">
		<!-- 步骤条 -->
		<!-- <StepBar :currentStep="currentStep"></StepBar> -->
		<view class="steps">
			<TnSteps v-model="currentStep" mode="dotIcon" active-color="#EA4E34" disabled>
				<TnStepsItem v-for="(item, index) in stepsData" :color="item.color" :key="index" active-color="#EA4E34"
					:title="item.title" :activeIcon="item.activeIcon" />
			</TnSteps>
		</view>
		
		<!-- 表单信息 -->
		<LoanInfo />
	</view>
</template>

<script>
	import TnSteps from '@/uni_modules/tuniaoui-vue3/components/steps/src/steps.vue'
	import TnStepsItem from '@/uni_modules/tuniaoui-vue3/components/steps/src/steps-item.vue'
	import StepBar from '@/components/stepBar/stepBar.vue'
	import LoanInfo from './loanInfo.vue'
	export default {
		components: {
			StepBar,
			LoanInfo,
			TnSteps,
			TnStepsItem,
		},
		data() {
			return {	
				currentStep: 0,
				stepsData: [{
						title: '贷款信息',
						color: '#999999',
						activeIcon: 'circle-fill'
					},
					{
						title: '授权页面',
						color: '#999999',
						activeIcon: 'circle-fill'
					},
					{
						title: 'e签宝授权',
						color: '#999999',
						activeIcon: 'circle-fill'
					},
					{
						title: '信息确认',
						color: '#999999',
						activeIcon: 'circle-fill'
					}
				]
			}
		},
		methods: {

		},
		created() {}
	}
</script>

<style lang="scss" scoped>
	::v-deep .u-form-item{
		padding:0 40rpx;
	}
	.steps{
		margin:40rpx;
	}
</style>